<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>类选择器</title>
		<style type="text/css">
			.red {
				color: red;
			}

			.green {
				color: green;
			}

			.font22 {

				font-size: 22px;
			}

			p {
				text-decoration: underline;
			}

			/**
			 * 1：多个标签可以使用同一个类名
			 * 2：同时一个 HTML 元素也可以应用多个class，设置多个样式，
			 *    在HTML标签多个类名之间需要用空格隔开
			 **/
		</style>
	</head>
	<body>
		<h2 class="red">二级标题文本</h2>
		<p class="green font22">段落一文本内容</p>
		<p class="red font22">段落二文本内容</p>
		<p>段落三文本内容</p>
	</body>
</html>
